<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			[class*="col"]{
				border: 1px solid #ffffff;
				background-color: #eee;
			}
		</style>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		
		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" 
		href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap-theme.min.css" 
		integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ"
		 crossorigin="anonymous">
		
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
	</head>
	<body>
		<div class="container">
		  <h1>h1. Bootstrap heading</h1>
		  <h2>h2. Bootstrap heading</h2>
		  <h3>h3. Bootstrap heading</h3>
		  <h4>h4. Bootstrap heading</h4>
		  <h5>h5. Bootstrap heading</h5>
		  <h6>h6. Bootstrap heading</h6>
		  <hr />
		  <h1>h1. Bootstrap heading <small>Secondary text</small></h1>
		  <h2>h2. Bootstrap heading <small>Secondary text</small></h2>
		  <h3>h3. Bootstrap heading <small>Secondary text</small></h3>
		  <h4>h4. Bootstrap heading <small>Secondary text</small></h4>
		  <h5>h5. Bootstrap heading <small>Secondary text</small></h5>
		  <h6>h6. Bootstrap heading <small>Secondary text</small></h6>
		  <hr>
		  <p class="lead">Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

				Cum sociis natoque penatibus et magnis dis parturient montes, 
				nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

				Maecenas sed diam eget risus varius blandit sit amet non magna.
				 Donec id elit non mi porta gravida at eget metus. Duis mollis,
				  est non commodo luctus, nisi erat porttitor ligula, eget 
				  lacinia odio sem nec elit.
				<del>This line of text is meant to be treated 
				as deleted text.</del>
			</p>
			<abbr title="attribute">attr</abbr>
			
			<address>
			  <strong>Twitter, Inc.</strong><br>
			  1355 Market Street, Suite 900<br>
			  San Francisco, CA 94103<br>
			  <abbr title="Phone">P:</abbr> (123) 456-7890
			</address>
			
			<address>
			  <strong>Full Name</strong><br>
			  <a href="mailto:#">first.last@example.com</a>
			</address>
			
			<blockquote>
			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
			</blockquote>
			
		</div>
	</body>
</html>